/*
* @Author: Choisaaaa
* @Date: 2018/5/5  20:17
* 事件绑定的方法 1 （了解即可 实际应用中应该使用方法2）
*/

import React from  "react";
import ReactDOM from 'react-dom';

// 1.在组件中使用state中的变量 this.state.XXXX
// 2.修改state里面属性时用方法 setState()

//props:在子组件中只能读，不能改变

class ES6Component extends React.Component{
    constructor(props){
        super(props);//获取父类指针
        this.state = {
            name : "Mark"
        }
    }
    render(){
        setTimeout(()=>{
            this.setState({
                name : "MarkNew"
            });
        },2000);
        return <div> I am {this.state.name}</div>
    }
}

//当render放发里面需要加载多个组件的时候，需要用户HTML标签包裹起来
ReactDOM.render(
    <div>
        <ES6Component/>
    </div>,
    document.getElementById("Study")
);